@extends('home.layout.base')
@section('styles')
    <link href="{{ asset('css/swiper-bundle.min.css') }}" rel="stylesheet">
    <style>
        .content{
            color: #636363;
        }
        .com-item {
            float: left;
             width: 100%;
            text-align: center;
            padding: 0 11px;
            margin-bottom: 40px;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            padding: 0 60px;min-height: calc(55vh);

        }
        .swiper-button-next,.swiper-button-prev{
            background: #C30D23;width: 45px;height: 45px;border-radius: 50%;text-align: center;
        }
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 25px;font-weight: 700;
        }
        .swiper-button-next:after{
            margin-left: 5px;
        }
        .partner-logo{
            float: left;
        }
        .shop-02 h2{
            font-size: 28px;
        }
        .envor-sorting-filters span.factive{
            border-bottom: 2px solid #E51B2C;
        }
        .envor-sorting-filters span.factive a{
            color: #E51B2C;
        }
        .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
            top:calc(26.5vh);left:calc(-3.5vw)
        }
        .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
            top: calc(26.5vh);right:calc(-3.5vw)
        }
    </style>
@endsection
@section('scripts')
    <script src="{{ asset('js/swiper-bundle.min.js') }}"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            loop: true,
            spaceBetween: 30,
            effect: 'fade',
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
@endsection
@section('content')
    <section class="mp50" style="padding: 0">
        <div style="background-image: url('{{ asset('image/shop01.png') }}');background-repeat: no-repeat;height: 570px;background-position-x: right">
            <div class="container">
                <div class="col-lg-12" style="text-align: left;padding-top: 95px">
                    <h1 style="color: #E51B2C;font-size: 45px;font-weight: 700;letter-spacing: 3px">富润ERP网店管理系统</h1>
                    <h3 style="color: #E51B2C;font-size: 22px;">中、大型国内B2C电商企业，”业务+财务“一体化数智管理 首选方案</h3>
                </div>
            </div>
        </div>
    </section>
    <div class="envor-sorting" id="portfolio-sorting">
        <div class="envor-sorting-filters" style="margin-top: 0">
            <div class="container">
                <span  class="factive"><a href="{{ route('home.product.shop') }}">富润ERP</a></span>
                <span><a href="{{ route('home.product.dms') }}">富润DMS</a></span>
                <span><a href="{{ route('home.product.erp') }}">胜途ERP</a></span>
            </div>
        </div>
    </div>
    <section class="mp50">
        <div class="shop-01">
            <div style="float: left;position: absolute;width: 100%;text-align: center;top:calc(9vw);letter-spacing: 2px">
                <h1 style="color: #fff">每天，有<span style="font-size: 50px;font-weight: 700">10000+</span>企业型电商都在用</h1>
                <h1 style="color: #fff">富润ERP网店管理系统</h1>
            </div>
            <img src="{{ asset('image/shop02.png') }}" alt="" class="img_ct">
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">一图读懂富润ERP系统架构</h2>
                <div class="mp50">
                    <div class="col-lg-8">
                        <img src="{{ asset('image/shop03.png') }}" alt="" class="img_ct">
                    </div>
                    <div  class="col-lg-4" style="text-align: left;padding: 0;line-height: 25px">
                        富润ERP打通50+电商平台，并支持多个第三方仓储对接，涵盖了订单审核、打单发货、采购、库存、物流、财务、会员、批发代销、数据分析等一体化的业务管理。
                        <h5 style="font-weight: 700;margin-top: 35px;line-height: 0px">接平台</h5>
                        主流电商平台、自建商城、分销等
                        <h5 style="font-weight: 700;margin-top: 35px;line-height: 0px">接WMS</h5>
                        奇门、平台仓、海外仓、保税仓等
                        <h5 style="font-weight: 700;margin-top: 35px;line-height: 0px">接SAP</h5>
                        业务单据状态同步，按明细/汇总
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">规范化的商品管理体系</h2>
                <div class="mp50">
                    <div class="col-lg-4">
                        <img src="{{ asset('image/shop04.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">商品资料</div>
                        <div>通过商品编码关联本地商品资料及网店商品资料</div>
                    </div>
                    <div class="col-lg-4">
                        <img src="{{ asset('image/shop05.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">批次效期</div>
                        <div>针对有效期管理SKU，按照先进先出分配批次</div>
                    </div>
                    <div class="col-lg-4">
                        <img src="{{ asset('image/shop06.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">套组设置</div>
                        <div>根据店铺前端需要，进行商品虚拟套餐组装</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">智能高效的订单管理系统</h2>
                <div class="mp50">
                    <div class="col-lg-4">
                        <img src="{{ asset('image/shop07.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">智能审单</div>
                        <div>系统根据设定好的条件，对订单进行自动审核</div>
                    </div>
                    <div class="col-lg-4">
                        <img src="{{ asset('image/shop08.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">智能分仓</div>
                        <div>支持按地区/店铺/SKU/订单重量/预包装进行分仓</div>
                    </div>
                    <div class="col-lg-4">
                        <img src="{{ asset('image/shop09.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">智选物流</div>
                        <div>按地区/仓库/商品指定物流或资费最优分配物流</div>
                    </div>
                    <div class="col-lg-6" style="margin-top: 65px">
                        <img src="{{ asset('image/shop10.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">智能拆单</div>
                        <div>可按种类/数量/预包装等多种模式自由组合，自动拆单</div>
                    </div>
                    <div class="col-lg-6" style="margin-top: 65px">
                        <img src="{{ asset('image/shop11.png') }}" alt="" class="img_ct">
                        <div style="font-weight: 700;font-size: 14px;line-height: 35px;margin-top: 15px">智能修改地址</div>
                        <div>顾客修改地址智能同步系统后台，高效无错漏</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">全渠道“一盘货”库存管理</h2>
                <div style="margin: 15px 0 35px">企业线上线下商品库存全部放在一盘棋里进行布局，打通所有销售渠道，实现全渠道库存共享、统一调配，可视化运营。</div>
                <div class="col-lg-12">
                    <img src="{{ asset('image/shop12.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">高效极速的打单发货流程</h2>
                <div class="col-lg-12" style="margin-top: 35px">
                    <img src="{{ asset('image/shop13.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">多样化的促销管理体系</h2>
                <div style="margin: 15px 0 35px">促销场景（部分）</div>
            </div>
        </div>
        <img src="{{ asset('image/shop20.png') }}" alt="" class="img_ct">
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">供应链闭环协同管理</h2>
                <div class="col-lg-12" style="margin-top: 35px">
                    <img src="{{ asset('image/shop14.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">智能优化的售后管理</h2>
                <div class="col-lg-12" style="margin-top: 35px">
                    <img src="{{ asset('image/shop15.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">完善的财务管理流程</h2>
                <div class="col-lg-12" style="margin-top: 35px">
                    <img src="{{ asset('image/shop16.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">全面的报表分析功能</h2>
                <div class="col-lg-12" style="margin-top: 35px">
                    <img src="{{ asset('image/shop17.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700">四重操作保障，系统安全无忧</h2>
                <div class="col-lg-12" style="margin-top: 35px">
                    <img src="{{ asset('image/shop18.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
    <div class="swiper-container" >
        <div class="swiper-wrapper">
            @foreach($partners as $partner)
                <div class="swiper-slide" style="background-image: url('{{ asset('image/shop19.png') }}');min-height: calc(84vh);background-repeat: no-repeat;background-position-x: right">
                    <section class="mp50" >
                        <div class="container">
                            <div class="row">
                                <div class="shop-02">
                                    <h2 style="font-weight: 700">它们，也在用富润ERP</h2>
                                    <div class="col-lg-12" style="margin-top: 35px">
                                        <div class="swiper-button-next swiper-button-white"></div>
                                        <div class="swiper-button-prev swiper-button-white"></div>
                                        @foreach($partner as $p)
                                            <div class="partner-logo" style="width: 20%">
                                                <div class="com-item">
                                                    <div class="com-item-border">
                                                        <img src="{{ $p['thumb'] }}" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            @endforeach

        </div>
    </div>
@endsection

